import styled from "styled-components";

const OrganizationStyle = styled.div`
  background-color: #eee;

  .ant-pro-card-body {
    padding-block-start: 25px !important;
  }

  .ant-avatar {
    width: 50px !important;
    height: 50px !important;
  }

  :where(.css-dev-only-do-not-override-8vhhqp).ant-pro-checkcard:not(
      .ant-pro-checkcard-disabled
    ) {
    border: 2px solid #c4c4c4;

    &:hover {
      box-shadow: 0 5px 10px 3px #a4a1a1cc;
    }
  }

  .editBtn {
    color: #1677ff;
  }

  .delBtn {
    color: red;
  }

  .ant-pro-checkcard-body {
    padding: 15px !important;
  }

  .activeOrg {
    color: #973dff;
    ${(props) => props.theme.disabledStyle}
  }

  .ant-pro-list-row-header {
    width: 65%;
    display: inline-block;
    ${(props) => props.theme.displayOneLine}
  }

  .choossOrg {
    position: absolute;
    bottom: 15px;
    right: 10px;
  }
`;
export default OrganizationStyle;
